﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Map.aspx.cs" Inherits="GoogleMap.Map" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<%--A sample project by Ghaffar khan--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Your Data on Google Map </title>
    <%--Google API reference--%>
    <script type="text/javascript"
      src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <style type="text/css">
        .auto-style1
        {
            width: 447px;
        }
        
    </style>

</head>

<body >
    <form id="form1" runat="server">
          <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>

    <asp:Table ID="Table1" runat="server" Width="761px">
     <asp:TableRow>
        <asp:TableCell>Start Date</asp:TableCell>
        <asp:TableCell>End Date</asp:TableCell>
         
         <asp:TableCell> <asp:Image runat="server" ImageUrl="~/icons/yellow01.png"/> Show WO On Site Parts Received </asp:TableCell>
         <asp:TableCell>  <asp:CheckBox ID="chkBoxWOONsitePartsReceived" runat="server" /> </asp:TableCell>
         <asp:TableCell> </asp:TableCell>
         <asp:TableCell>Tech<asp:DropDownList ID="DropDownTechs" runat="server"></asp:DropDownList> </asp:TableCell>

     </asp:TableRow>
     <asp:TableRow>
        <asp:TableCell> <asp:TextBox ID="txtStartDate" runat="server"></asp:TextBox>
            <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtStartDate"></asp:CalendarExtender>
        </asp:TableCell>
        <asp:TableCell>  <asp:TextBox ID="txtEndDate" runat="server"></asp:TextBox> 
               <asp:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtEndDate"></asp:CalendarExtender>
        </asp:TableCell> 
         <asp:TableCell>
                <asp:Image  runat="server" ImageUrl="~/icons/green01.png" />  Show Units Requiring More Info      
         </asp:TableCell>
         <asp:TableCell>
               <asp:CheckBox ID="chkboxUnitsRequiringMoreInfo" runat="server" />
         </asp:TableCell>
         <asp:TableCell>
             
         </asp:TableCell>
     </asp:TableRow>
        <asp:TableRow>
            <asp:TableCell>
                      Show Trips  <asp:CheckBox ID="chkboxTrips" runat="server" Checked="true" />
           
            </asp:TableCell>
            <asp:TableCell>

            </asp:TableCell>
            <asp:TableCell>
               <asp:Image runat="server" ImageUrl="~/icons/purple01.png" /> Show Parts In 7 or Less Days 
            </asp:TableCell>
            <asp:TableCell>
                 <asp:CheckBox ID="chkboxpartsIn7OrLessDays" runat="server" />
            </asp:TableCell>
            <asp:TableCell> </asp:TableCell>
            <asp:TableCell> <asp:Button   runat="server" ID="btnSubmitReqeust" Text="Go"/></asp:TableCell>
        </asp:TableRow>
    </asp:Table>
   
                <%--Place holder to fill with javascript by server side code--%>
                <asp:Literal ID="js" runat="server"></asp:Literal>
                <%--Place for google to show your MAP--%>
       
       
    <table style="width: 100%;">
        <tr>
            <%--<td>Monday</td>
            <td>Tuesday</td>
            <td>Wednesday</td>
            <td>Thursday</td>
            <td>Friday</td>--%>
        </tr>
        <tr>
            <td class="auto-style1"><div id="map_canvas" 
                    
                    style="width: 102%; height: 981px; margin-bottom: 2px; margin-right: 57px;">
            </div></td>
         <%--   <td>  <div id="map2_canvas" 
                    style="width: 100%; height: 728px; margin-bottom: 2px; margin-right: 16px;">
                </div></td>
            <td> <div id="map3_canvas" 
                    style="width: 100%; height: 728px; margin-bottom: 2px; margin-right: 16px;">
                </div></td>
             <td> <div id="map4_canvas" 
                    style="width: 100%; height: 728px; margin-bottom: 2px; margin-right: 16px;">
                </div></td>
             <td> <div id="map5_canvas" 
                    style="width: 100%; height: 728px; margin-bottom: 2px; margin-right: 16px;">
                </div></td>--%>
        </tr>
      
    </table>
   
          
        <br />
   </form>
   </body>

</html>

